<template>
    <div>
        <showNames :names="names">
            <template v-slot="scope">
                {{scope}}
                <span> {{scope.item}} {{scope.index}}</span>
            </template>
            <template v-slot:zl>
                我是有名字的
            </template>
        </showNames>
    </div>
</template>

<script>
import showNames from './showNames.vue'
export default {
    components: {
        showNames
    },
    data() {
        return {
            names: ['ni', 'hao', 'ya']
        }
    }
}
</script>

<style>

</style>